@charset "utf-8";  /*ljcong 2017.2.01*/
* { margin: 0; border: 0; padding: 0; }
body { font-size: 14px; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; box-sizing:border-box; line-height:1; }
a { color: inherit; outline: none; text-decoration: none;}
ul, li, ol { list-style-type: none; }
input, textarea, button, select { outline: none; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; font-size: 14px;}
input[type='text'] , input[type='button'] , input[type='submit'] , button { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
textarea { resize: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;  }
img { display: block; }
em, i { font-style: normal; }
b { font-weight: normal; }
/*宽度*/
.imgW-100 { width: 100%; transition: 0.5s linear 0s; }
.imgMW-100 { max-width: 100%; transition: 0.5s linear 0s; }
.w-100 { width: 100%; display:block; }
.mw-100 { max-width: 100%; }
.w-1200 { width: 100%; max-width: 1200px; margin: 0 auto; }
.w-1400 { width: 100%; max-width: 1400px; margin: 0 auto; }
.w-30 { width: 30%; }
.w-50 { width: 50%; }
/*字体*/
.font-over1 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 { word-break:break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
/*对齐方式*/
.dis-t, .dis-m, .dis-b { display: inline-block; }
.dis-t { vertical-align: top; }
.dis-m { vertical-align: middle; }
.dis-b { vertical-align: bottom; }
.v-align-m1,.v-align-m2{font-size:0;}
.v-align-m1:before, .v-align-m2:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
/*显示/隐藏尺寸*/
.pc, .pc-720{ display: block; }
.mob, .mob-720{ display: none; }
/*形状*/
.SJ-L:after { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-left: 5px; width: 0; height: 0; }
.SJ-B:after { content: ''; display: inline-block; border-style: solid; border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px; margin-left: 5px; width: 0; height: 0; }
.SJ-BL:before { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-right: 5px; width: 0; height: 0; }
/*浮动*/
.clear { display: inline-block; vertical-align: top; width: 100%; }
.clearfix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.float-R { float: right; }
.float-L { float: left; }
/*IE8透明度*/
.opacity50 { opacity: 0.5; filter: Alpha(opacity=50); }
/*通用背景*/
.public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: -1; }
.pos-r{position:relative; z-index:0;}
@media screen and (max-width: 1024px) {
.pc { display: none; }
.mob { display: block; }
}
@media screen and (max-width: 720px) {
.pc-720 { display: none; }
.mob-720 { display: block; }
}
.placeholderBox {
    height: 28vw;
    width: 100%;
    position: relative;
    z-index: -2;
}
.video_ban{
    height: 36vw;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.video_ban video{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* transform: translateX(-50%); */
    z-index: -1;
    object-fit: cover;
}

.video_ban .ban_text{
    position: absolute;
    top: 16.5vw;
    width: 100%;
    text-align: left;
    left:0;
    z-index: 4;
}
.video_ban .ban_text .zh{
    font-size: 3vw;
    font-weight: bold;
    color:#fff;
}
.video_ban .ban_text .zh{
    display: block;
    font-size: 3.3vw;
    color:#fff;
}
.video_ban .ban_text .en{
    display: block;
    font-size: 1.3vw;
    padding-top:1vw;
    color:rgba(255,255,255,1);
}
.video_ban .banbg{
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
}
.video_ban .mbanbg{
    display:none;
}
@media screen and (max-width:1024px){
    .placeholderBox{
        height:50vw;
    }
    .video_ban{
        height: 60vw;
    }
    .video_ban .mbanbg{
        display:block;
    }
    .video_ban .ban_text{
        top: 32.5vw;
    }
}
@media screen and (max-width:680px){
    .placeholderBox{
        height:70vw;
    }
    .video_ban{
        height: 90vw;
    }
    .video_ban .mbanbg{
        display:block;
    }
    .video_ban .ban_text{
        top: 45vw;
    }
}